<template>
  <div>
    <!-- 只有在vue中，组件上写的class，style，会自动传到根组件的根节点上 -->
    <!-- <div style="height:200px;background: yellow;">大轮播</div> -->
    <!-- <film-swiper> -->
      <!-- <div class="swiper-slide" v-for="(data, index) in poster" :key="index"> -->
        <!-- <img :src="data"> -->
        <!-- <div :style="{backgroundImage:'url('+data+')'}" style="height:200px;background-size:cover;"></div> -->
      <!-- </div> -->
    <!-- </film-swiper> -->

    <!-- 选项 -->
    <film-header style="position:sticky;top:0;background-color:white;z-index:1;"></film-header>

    <router-view></router-view>

  </div>
</template>

<script>
import filmHeader from './son/FilmHeader.vue'
// import filmSwiper from './son/FilmSwiper.vue'

export default {
  components: {
    filmHeader
    // filmSwiper
  },
  data () {
    return {
      poster: ['https://pic.maizuo.com/usr/movie/b6531574f2b8d431c540ecdcd539f1d4.jpg', 'https://pic.maizuo.com/usr/movie/5be64dca3fac27effc5a8bb663764f28.jpg', 'https://pic.maizuo.com/usr/movie/30708941915161ca34e59c9d62186fab.jpg']
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
